<!DOCTYPE html>
<html lang="en">
    <head>
        {include file="common/meta" /}
        <style>
            .container{
                height: 100%;
                display: flex;
                align-items: center;
            }
            .login-wrapper{
                margin: auto;
            }
            #top>.n-error{
                top: -28px;
            }
            .title{
                font-size: 40px;
                margin-bottom: 30px;
                text-align: center;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="login-wrapper" style="width:70%;">
                <div class="login-screen">
                    <div class="login-form">
                        <div class="title">注册</div>
                        <form id="reg-form" class="form-horizontal form-ajax" role="form" data-toggle="validator" method="POST" action="">
                            <div class="form-group">
                                <label for="username" class="control-label col-xs-12 col-sm-2">{:__('Username')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input type="text" class="form-control" id="username" name="row1[username]" value="" data-rule="required;username" />
                                </div>
                            </div>
<!--                            <div class="form-group">
                                <label for="email" class="control-label col-xs-12 col-sm-2">{:__('Email')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input type="email" class="form-control" id="email" name="row1[email]" value="" data-rule="required;email" />
                                </div>
                            </div>-->
                            <div class="form-group">
                                <label for="nickname" class="control-label col-xs-12 col-sm-2">{:__('Nickname')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input type="text" class="form-control" id="nickname" name="row1[nickname]" autocomplete="off" value="" data-rule="required" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="password" class="control-label col-xs-12 col-sm-2">{:__('Password')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input type="password" class="form-control" id="password" name="row1[password]" autocomplete="new-password" value="" data-rule="required;password" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="password" class="control-label col-xs-12 col-sm-2">确认密码:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input type="password" class="form-control" autocomplete="new-password" value="" data-rule="match(row1[password])" />
                                </div>
                            </div>
                            <div class="form-group hidden">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    {:build_radios('status', ['normal'=>__('Normal'), 'hidden'=>__('Hidden')])}
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="corporate" class="control-label col-xs-12 col-sm-2">负责人</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input type="text" class="form-control" id="corporate" name="row2[name]" autocomplete="off" value="" data-rule="required" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="company" class="control-label col-xs-12 col-sm-2">公司名称:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input type="text" class="form-control" id="company" name="row2[title]" autocomplete="off" value="" data-rule="required" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="addr" class="control-label col-xs-12 col-sm-2">公司地址:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <!--                                    <input type="text" class="form-control" id="companyAddr" name="row[companyAddr]" autocomplete="off" value="" data-rule="required" />-->
                                    <div class="form-inline" data-toggle="cxselect" data-selects="province,city,area">
                                        <select class="province form-control" name="province" data-url="ajax/area" data-rule="required"></select>
                                        <select class="city form-control" name="city" data-url="ajax/area" data-rule="required"></select>
                                        <select class="area form-control" name="area" data-url="ajax/area" data-rule="required"></select>
                                        <span class="msg-box n-right"></span>
                                    </div>

                                </div>
                            </div>

                            <div class="form-group">
                                <label for="address" class="control-label col-xs-12 col-sm-2">详细地址:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input type="text" class="form-control" id="address" name="row2[address]" autocomplete="off" value="" data-rule="required" />
                                </div>
                            </div>
<!--                            <div class="form-group">
                                <label for="license" class="control-label col-xs-12 col-sm-2">{:__('License')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="input-group">
                                        <input id="license" class="form-control" size="50" name="row2[license]" type="text" value="" data-rule="required">
                                        <div class="input-group-addon no-border no-padding">
                                            <span><button type="button" id="plupload-image" class="btn btn-danger plupload" data-input-id="license" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                            <span class="msg-box n-right"></span>
                                        </div>
                                    </div>
                                    <ul class="row list-inline plupload-preview" id="p-image"></ul>
                                </div>
                            </div>-->
                            <div class="form-group">
                                <label for="tel" class="control-label col-xs-12 col-sm-2">联系电话:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input type="text" class="form-control" id="tel" name="row2[tel]" autocomplete="off" value="" data-rule="required" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="technology" class="control-label col-xs-12 col-sm-2">技术电话:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input type="text" class="form-control" id="technology" name="row2[technology]" autocomplete="off" value="" data-rule="required" />
                                </div>
                            </div>
<!--                            <div class="form-group">
                                <label for="service" class="control-label col-xs-12 col-sm-2">客服电话:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input type="text" class="form-control" id="service" name="row2[service]" autocomplete="off" value="" data-rule="required" />
                                </div>
                            </div>-->
                            <div class="form-group layer-footer">
                                <label class="control-label col-xs-12 col-sm-2"></label>
                                <div class="col-xs-12 col-sm-8">
                                    <button type="submit" style="width:100%" id="action" class="btn btn-success btn-embossed disabled">{:__('Sign up')}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!--                    <p class="copyright"><a href="">Powered By FastAdmin</a></p>-->
                    <!--<p class="copyright"><a href="http://my.subeilianbao.com">主办单位：郑州速呗联保信息科技有限公司</a></p>-->
                    <p class="copyright"><a href="http://www.beian.miit.gov.cn">备案号：豫ICP备19041578号</a></p>
                </div>
            </div>
        </div>
        {include file="common/script" /}
    </body>
</html>